.resume-manage-page{
  width:100%;
  min-width:1168px;
  .center{
    width: 1168px;
    margin:0 auto;
  }
  .manage-header{
    background: #fff;
    width: 100%;
    height:54px;
    .center{
      >div{
        float: right;
      }
      .add-job-btn{
      	cursor: pointer;
        float: left;
        margin:11px 0;
        width:138px;
        height:30px;
        line-height:30px;
        border:1px solid #eee;
        border-radius:16px;
        text-align: center;
        font-size:14px;
        font-family:"SourceHanSansCN-Regular";
        color:#999;

        span{
          color:#398DEE;
          margin-right:6px;
        }
      }
      .info{
        margin-left:40px;
        float: left;
        position: relative;
        .display-info{
          height:58px;
          line-height:58px;
          img{
            width: 30px;
            height: 30px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
          }
          p{
            display: inline-block;
            span{
              margin:0 10px;
            }
          }
          &:hover{
            +.option-list{
              display: block;
            }
          }
        }
      }
    }


  }
  .back{
    display: none;
  }
  .manage-content{
    margin-top:10px;
    .center{
      position: relative;
      .left-part{
        position: absolute;
        width:184px;
        .company-about{
          width:154px;
          height:204px;
          background: #fff;
          padding:0 15px;
          text-align: center;
          border:1px solid #eee;
          border-bottom: none;
          >div{
            width:62px;
            height:62px;
            margin: 0 auto;
            padding:30px 0 16px;
            img{
              width:100%;
              height:100%;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
            }
          }
          h2{
            margin-bottom:18px;
            line-height:14px;
            font-size:14px;
            font-weight: bold;
            font-family:"SourceHanSansCN-Bold";
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
          }
          p{
            margin-bottom:10px;
            line-height:14px;
            font-size:12px;
            font-family:"SourceHanSansCN-Regular";
            color:#666;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
          }
        }
        .nav{
        	border:1px solid #eee;
        	border-top: none;
         /* padding-top:10px;*/
          width:100%;
          background: #fff;
          padding:20px 0 60px;
          li{
            position: relative;
            margin:11px 0;
            width:100%;
            height:32px;
            line-height:32px;
            text-align: center;
            font-size:14px;
            font-weight:bold;
            a{
              color:#999;
              display: block;
            }
            &.curr{
              a{
                color:#398DEE;
              }
              &:before{
                position: absolute;
                top:0;
                left:0;
                content: '';
                width:4px;
                height:32px;
                background: #398DEE;
              }
            }
          }
        }

      }
      .right-part{
        margin-left:196px;
        border:1px solid #eee;
        >p{
          padding-left: 36px;
          font-size:14px;
          background: #fff;
          height: 67px;
          line-height: 67px;
          border-bottom: 1px solid #eee;
        }
        .card-list{
        	padding:0 10px 20px;
          >li{
            margin:18px 13px 0 0;
            display: inline-block;
            padding:0 16px 0 20px;
            width:269px;
            height:164px;
            background:#fff;
            /*box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);*/
            border-radius:6px;
            position: relative;
            &:nth-child(3n+3){
              margin-right:0;
            }
            a{
              display: block;
              .card-con1{
                padding-top:18px;
                .pic{
                  float: left;
                  width:78px;
                  height:78px;
                  position: relative;
                  >img{
                    width:100%;
                    height:100%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                  }
                  i{
                    position: absolute;
                    right:0;
                    bottom:0;
                    img{
                      width:22px;
                      height:22px;
                    }
                  }
                }
                .word-detail{
                  padding-left:93px;
                  h2{
                    padding-top:6px;
                    line-height:18px;
                    font-size:18px;
                    font-family:"SourceHanSansCN-Bold";
                    font-weight:bold;
                    .date{
                      float: right;
                      line-height:14px;
                      font-size:14px;
                      font-family:"Roboto-Regular";
                      font-weight:normal;
                      color:#666;
                    }
                  }
                  >p{
                    margin:9px 0 10px;
                    line-height:14px;
                    font-size:14px;
                    font-family:"SourceHanSansCN-Regular";
                    overflow:hidden;
                    text-overflow:ellipsis;
                    white-space:nowrap;
                    span{
                      margin-left:10px;
                      font-size:14px;
                      color:#FF6600;
                    }
                  }
                  >div{
                    >span{
                      display: inline-block;
                      width:68px;
                      height:20px;
                      line-height:20px;
                      text-align: center;
                      border-radius:10px;
                      font-size:12px;
                      font-family:"SourceHanSansCN-Regular";
                      color:#fff;
                      &.accepted{
                        background: #398DEE;
                      }
                      &.not-view{
                        background: #EE3939;
                      }
                    }
                    .operator{
                      float: right;
                      i{
                        img{
                          width:20px;
                          height:20px;
                          -webkit-border-radius: 50%;
                          -moz-border-radius: 50%;
                          border-radius: 50%;
                        }
                      }
                    }
                  }
                  >span.phone{
                    display: block;
                    margin-top:26px;
                    padding-left:22px;
                    font-size:14px;
                    background: url(../images/phone.png) left center no-repeat;
                    background-size: 12px;
                  }
                }
              }
              .card-con2{
                margin-top:31px;
                span{
                  padding:4px 11px 4px 18px;
                  font-family:"SourceHanSansCN-Regular";
                  font-size:12px;
                  color:#666;
                }
                span:first-child{
                  background: url(../images/address.png) left center no-repeat;
                  &+span{
                    background: url(../images/age.png) left center no-repeat;
                    &+span{
                      background: url(../images/exper.png) left center no-repeat;
                      &+span{
                        background: url(../images/education.png) left center no-repeat;
                      }
                    }
                  }
                }
              }
              .card-con3{
                margin-top:20px;
                span{
                  font-family:"SourceHanSansCN-Regular";
                  font-size:14px;
                  color:#666;

                  display: block;
                  padding-left:21px;
                  background: url(../images/time.png) left center no-repeat;
                  background-size: 12px;
                }
                span.email{
                  /*display: inline-block;*/
                  /*margin-left:28px;*/
                  background: url(../images/mailbox.png) left center no-repeat;
                  background-size: 12px;
                   overflow:hidden;
				    text-overflow:ellipsis;
				    white-space:nowrap
                }
              }
            }
            .delete-hr-btn{
              position: absolute;
              right:18px;
              top:18px;
              width:26px;
              height:26px;
              background: url(../images/delete.png) no-repeat;
            }
            .pass-hr-btn{
              position: absolute;
              right:58px;
              top:18px;
              width:26px;
              height:26px;
              background: url(../images/pass.png) no-repeat;
            }
          }
        }
        .paging{
          margin:30px 0;
          float: right;
        }
        .layui-tab-brief{
          margin:0;
          .layui-tab-title{
            border-bottom:none;
            height:20px;
            padding-top: 20px;
            padding-left: 10px;
            li{
              padding:0;
              margin:0 15px;
              min-width:0;
              line-height:22px;
              &:first-child{
                margin-left:0;
              }
            }
            .layui-this{
              color:#398DEE;
              &:after{
                border-bottom:2px solid #398DEE;
                height:22px;
              }
            }
          }
          .layui-tab-content{
            padding:0;
            .layui-tab-item{
              margin-top:15px;
            }
          }
        }
        .personal-page{
         padding:100px 136px 0;
          .option-btn{
            padding:76px 0;
            text-align: center;
            span{
              margin-right:20px;
              display: inline-block;
              width:98px;
              height:38px;
              line-height:38px;
              text-align: center;
              border:1px solid #eee;
              border-radius:20px;
              font-size:14px;
              cursor:pointer;
              &.curr{
                background: #398DEE;
                color:#fff;
              }
            }
          }
        }

        //职位管理
        .job-manage{
          .job-list{
            float: left;
            width: 316px;
            max-height: 666px;
            overflow-y: auto;
            overflow-x:hidden;
            >ul{
                li{
                 /* width:268px;*/
                  padding:0 19px;
                  height:112px;
                  background: #FCFCFC;
                  border-right: 1px solid #eee;
                  margin-bottom: 6px;
                  cursor: pointer;
                  &.curr{
                   /* width:268px;*/
                    padding:0 19px 0 17px;
                    background: #fff;
                    border-left:2px solid #398DEE;
                    border-right: none;
                  }
                  h2{
                    padding:17px 0 20px;
                    line-height:16px;
                    font-size:16px;
                    font-family:"SourceHanSansCN-Bold";
                    font-weight:bold;
                    span{
                      float: right;
                      font-size:14px;
                      font-family:"Roboto-Regular";
                      color:#999;
                    }
                  }
                  .job-demand{
                    color:#999;
                    span{
                      font-size:14px;
                      line-height:14px;
                      color:#333;
                      margin:0 4px;
                      &:first-child{
                        margin-left:0;
                      }
                    }
                    a{
                      color:#EE3939;
                      font-size:14px;
                      float: right;
                    }
                  }
                  .pay{
                    margin-top:10px;
                    font-size:16px;
                    color:#EE3939;
                  }
                }
            }
            .add-job-btn{
              border-right: 1px solid #eee;
              background:#fff;
              padding:30px 0;
             
              a{
              	margin:0 auto;
                display: block;
                width: 280px;
                text-align: center;
                height: 60px;
                line-height: 60px;
                border:1px dashed #ccc;
                font-size:18px;
                font-family:"SourceHanSansCN-Regular";
                background:#f7f7f9;

                span{
                  margin-right:9px;
                  color:#398DEE;
                  font-weight: bold;
                }
              }
            }
          }
          .job-info{
            margin-left:316px;
            padding-left:63px;
            background: #fff;
            overflow:hidden;
            h2{
              padding-top:40px;
              line-height:24px;
              font-size:24px;
              font-family:"SourceHanSansCN-Regular";
              margin-bottom:13px;
            }
            .add-job-detail{
              .section{
                display: inline-block;
                margin-top:16px;
                margin-right:20px;
                span{
                  font-size:14px;
                  margin-right:6px;
                }
                >input[type=text]{
                  width:163px;
                  height:18px;
                  padding:10px 0 10px 15px;
                  border:1px solid #eee;
                  border-radius:6px;
                }
              }
              .layui-form{
                height:40px;
                line-height:40px;
                span{
                  float: left;
                }
                .layui-form-item{
                  display: inline-block;
                  width:180px;
                  height:40px;
                  margin-bottom:0;
                  input{
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    border-radius: 6px;
                  }
                }
                .layui-anim-upbit{
                  .ztree{
                    >li{
                      width:auto;
                      >span:first-child{
                        background: url(../../images/drop-down.png) left center no-repeat;
                      }
                      ul{
                        li{
                          width:auto;
                          margin-bottom:0;
                        }
                      }
                    }
                    li{
                      line-height: 20px;
                    }
                  }
                }
              }
              .address{
                input[type=text]{
                  width:435px;
                }
              }
              .description{
                span{
                  float: left;
                  padding-top:20px;
                }
                textarea{
                  padding:13px 14px;
                  width:424px;
                  height:170px;
                  border:1px solid #eee;
                  border-radius:6px;
                  resize: none;
                }
              }
            }
            .option{
              margin:30px 60px 0 0;
              float: right;
              padding-bottom:30px;
              a{
                font-size:14px;
                font-family:"SourceHanSansCN-Regular";
                color:#EE3939;
                margin-right:20px;
              }
              input{
                width:100px;
                height:32px;
                font-size:14px;
                background:#398DEE;
                border-radius:6px;
                color:#fff;
                cursor: pointer;
              }
            }
          }
        }
        .hr-page{
          .layui-tab-title{
            background: #fff;
            padding-bottom:20px;
          }
          .card-list{
            li{
              padding-bottom:20px;
            }
          }
          .hr-manage{
            li:first-child{
              position: relative;
              &:before{
                position: absolute;
                top:0;
                left:0;
                content: '';
                width: 30px;
                height: 30px;
                background: url(../../images/leader.png) no-repeat 2px 2px #00aabb;
                -webkit-background-size: 24px;
                background-size: 24px;
              }
            }
          }
        }
      }
    }
  }
}